<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>FAQ | vuepress-theme-reco</title>
    <meta name="generator" content="VuePress 1.7.1">
    <link rel="icon" href="/favicon.ico">
    <link rel="manifest" href="/manifest.json">
    <link rel="apple-touch-icon" href="/icon_vuepress_reco.png">
    <link rel="mask-icon" href="/icon_vuepress_reco.svg" color="#42b983">
    <meta name="description" content="一款简洁而优雅的 vuepress 博客 & 文档 主题。">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
    <meta name="author" content="reco_luan">
    <meta name="keywords" content="vuepress,reco,reco_luan,vuepress-reco,vuepress-theme-reco,theme,blog,主题">
    <meta name="theme-color" content="#42b983">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="msapplication-TileImage" content="/icon_vuepress_reco.png">
    <meta name="msapplication-TileColor" content="#000000">
    
    <link rel="preload" href="/assets/css/0.styles.375ac6ca.css" as="style"><link rel="preload" href="/assets/js/app.ee497890.js" as="script"><link rel="preload" href="/assets/js/6.2c23b45d.js" as="script"><link rel="preload" href="/assets/js/1.0b8c7b71.js" as="script"><link rel="preload" href="/assets/js/104.0702d3a0.js" as="script"><link rel="preload" href="/assets/js/20.1ca19584.js" as="script"><link rel="prefetch" href="/assets/js/10.be926bee.js"><link rel="prefetch" href="/assets/js/100.e02486fa.js"><link rel="prefetch" href="/assets/js/101.3da7b6a6.js"><link rel="prefetch" href="/assets/js/102.998c9f5d.js"><link rel="prefetch" href="/assets/js/103.dbfb30aa.js"><link rel="prefetch" href="/assets/js/105.2dfbb36f.js"><link rel="prefetch" href="/assets/js/106.4e18c125.js"><link rel="prefetch" href="/assets/js/107.e3c7bfac.js"><link rel="prefetch" href="/assets/js/108.3a82a647.js"><link rel="prefetch" href="/assets/js/109.06725f12.js"><link rel="prefetch" href="/assets/js/11.cf684a54.js"><link rel="prefetch" href="/assets/js/110.753d21b3.js"><link rel="prefetch" href="/assets/js/111.23d1168a.js"><link rel="prefetch" href="/assets/js/112.4d830ac4.js"><link rel="prefetch" href="/assets/js/113.99cd1eee.js"><link rel="prefetch" href="/assets/js/114.59b2099d.js"><link rel="prefetch" href="/assets/js/115.ea7ac84a.js"><link rel="prefetch" href="/assets/js/116.26c98203.js"><link rel="prefetch" href="/assets/js/12.4d148981.js"><link rel="prefetch" href="/assets/js/13.a0f666c5.js"><link rel="prefetch" href="/assets/js/14.bdbab8ec.js"><link rel="prefetch" href="/assets/js/15.f7c3de28.js"><link rel="prefetch" href="/assets/js/16.c0bb15ed.js"><link rel="prefetch" href="/assets/js/17.59825a83.js"><link rel="prefetch" href="/assets/js/18.7f6e5ed6.js"><link rel="prefetch" href="/assets/js/19.816d26de.js"><link rel="prefetch" href="/assets/js/2.3b4d4534.js"><link rel="prefetch" href="/assets/js/21.e6d32c6e.js"><link rel="prefetch" href="/assets/js/22.c4982202.js"><link rel="prefetch" href="/assets/js/23.cac4da43.js"><link rel="prefetch" href="/assets/js/24.8f87f52f.js"><link rel="prefetch" href="/assets/js/25.b3ed92b1.js"><link rel="prefetch" href="/assets/js/26.74889847.js"><link rel="prefetch" href="/assets/js/27.077e98bc.js"><link rel="prefetch" href="/assets/js/28.8c75eca9.js"><link rel="prefetch" href="/assets/js/29.4d2c1ec6.js"><link rel="prefetch" href="/assets/js/30.550aec28.js"><link rel="prefetch" href="/assets/js/31.8d90df0c.js"><link rel="prefetch" href="/assets/js/32.0300fceb.js"><link rel="prefetch" href="/assets/js/33.da25ab20.js"><link rel="prefetch" href="/assets/js/34.6d515f54.js"><link rel="prefetch" href="/assets/js/35.eea26708.js"><link rel="prefetch" href="/assets/js/36.199f87de.js"><link rel="prefetch" href="/assets/js/37.214414e1.js"><link rel="prefetch" href="/assets/js/38.80d1f8ef.js"><link rel="prefetch" href="/assets/js/39.10dc3440.js"><link rel="prefetch" href="/assets/js/40.13ddb158.js"><link rel="prefetch" href="/assets/js/41.f505b5f9.js"><link rel="prefetch" href="/assets/js/42.8adb293b.js"><link rel="prefetch" href="/assets/js/43.48ed241c.js"><link rel="prefetch" href="/assets/js/44.a2f33893.js"><link rel="prefetch" href="/assets/js/45.fbd4cf01.js"><link rel="prefetch" href="/assets/js/46.50ccafe9.js"><link rel="prefetch" href="/assets/js/47.635a6220.js"><link rel="prefetch" href="/assets/js/48.54e67ea0.js"><link rel="prefetch" href="/assets/js/49.fe6d77bc.js"><link rel="prefetch" href="/assets/js/50.44ac8751.js"><link rel="prefetch" href="/assets/js/51.72baffbd.js"><link rel="prefetch" href="/assets/js/52.289c6303.js"><link rel="prefetch" href="/assets/js/53.d907701e.js"><link rel="prefetch" href="/assets/js/54.f503afad.js"><link rel="prefetch" href="/assets/js/55.2fca0a82.js"><link rel="prefetch" href="/assets/js/56.bcfaacba.js"><link rel="prefetch" href="/assets/js/57.ce2055d6.js"><link rel="prefetch" href="/assets/js/58.c67ceba4.js"><link rel="prefetch" href="/assets/js/59.7677da04.js"><link rel="prefetch" href="/assets/js/60.60cb47ea.js"><link rel="prefetch" href="/assets/js/61.5f863417.js"><link rel="prefetch" href="/assets/js/62.931ad247.js"><link rel="prefetch" href="/assets/js/63.5271b168.js"><link rel="prefetch" href="/assets/js/64.cba02a83.js"><link rel="prefetch" href="/assets/js/65.b996490b.js"><link rel="prefetch" href="/assets/js/66.ddbf05c1.js"><link rel="prefetch" href="/assets/js/67.c5050aa0.js"><link rel="prefetch" href="/assets/js/68.5fc03618.js"><link rel="prefetch" href="/assets/js/69.7f8b4ccd.js"><link rel="prefetch" href="/assets/js/7.b8d8a87c.js"><link rel="prefetch" href="/assets/js/70.c35e5e37.js"><link rel="prefetch" href="/assets/js/71.2590ca68.js"><link rel="prefetch" href="/assets/js/72.1315c6e8.js"><link rel="prefetch" href="/assets/js/73.9300a291.js"><link rel="prefetch" href="/assets/js/74.1fa05d01.js"><link rel="prefetch" href="/assets/js/75.dd1b2668.js"><link rel="prefetch" href="/assets/js/76.6284fc11.js"><link rel="prefetch" href="/assets/js/77.b7486c48.js"><link rel="prefetch" href="/assets/js/78.bc9869f1.js"><link rel="prefetch" href="/assets/js/79.62b20acc.js"><link rel="prefetch" href="/assets/js/8.f55c941b.js"><link rel="prefetch" href="/assets/js/80.a77eae06.js"><link rel="prefetch" href="/assets/js/81.44a3414f.js"><link rel="prefetch" href="/assets/js/82.eeb6afdd.js"><link rel="prefetch" href="/assets/js/83.af5ac4c8.js"><link rel="prefetch" href="/assets/js/84.6385f33b.js"><link rel="prefetch" href="/assets/js/85.3a290e97.js"><link rel="prefetch" href="/assets/js/86.67492d49.js"><link rel="prefetch" href="/assets/js/87.555401fe.js"><link rel="prefetch" href="/assets/js/88.c621fb8f.js"><link rel="prefetch" href="/assets/js/89.24bdc4b0.js"><link rel="prefetch" href="/assets/js/9.fb059d07.js"><link rel="prefetch" href="/assets/js/90.40012884.js"><link rel="prefetch" href="/assets/js/91.fc2a6af5.js"><link rel="prefetch" href="/assets/js/92.efc20c19.js"><link rel="prefetch" href="/assets/js/93.cb770b2d.js"><link rel="prefetch" href="/assets/js/94.2f84676c.js"><link rel="prefetch" href="/assets/js/95.3e7f8817.js"><link rel="prefetch" href="/assets/js/96.918b5365.js"><link rel="prefetch" href="/assets/js/97.a9cd312c.js"><link rel="prefetch" href="/assets/js/98.c6bf975a.js"><link rel="prefetch" href="/assets/js/99.47508085.js"><link rel="prefetch" href="/assets/js/vendors~docsearch.3b7e11a5.js"><link rel="prefetch" href="/assets/js/vendors~flowchart.c31b7827.js">
    <link rel="stylesheet" href="/assets/css/0.styles.375ac6ca.css">
  </head>
  <body>
    <div id="app" data-server-rendered="true"><div class="theme-container no-sidebar" data-v-1156296a><div data-v-1156296a><div id="loader-wrapper" class="loading-wrapper" data-v-d48f4d20 data-v-1156296a data-v-1156296a><div class="loader-main" data-v-d48f4d20><div data-v-d48f4d20></div><div data-v-d48f4d20></div><div data-v-d48f4d20></div><div data-v-d48f4d20></div></div> <!----> <!----></div> <div class="password-shadow password-wrapper-out" style="display:none;" data-v-4e82dffc data-v-1156296a data-v-1156296a><h3 class="title" data-v-4e82dffc data-v-4e82dffc>vuepress-theme-reco</h3> <p class="description" data-v-4e82dffc data-v-4e82dffc>一款简洁而优雅的 vuepress 博客 &amp; 文档 主题。</p> <label id="box" class="inputBox" data-v-4e82dffc data-v-4e82dffc><input type="password" value="" data-v-4e82dffc> <span data-v-4e82dffc>Konck! Knock!</span> <button data-v-4e82dffc>OK</button></label> <div class="footer" data-v-4e82dffc data-v-4e82dffc><span data-v-4e82dffc><i class="iconfont reco-theme" data-v-4e82dffc></i> <a target="blank" href="https://vuepress-theme-reco.recoluan.com" data-v-4e82dffc>vuePress-theme-reco</a></span> <span data-v-4e82dffc><i class="iconfont reco-copyright" data-v-4e82dffc></i> <a data-v-4e82dffc><span data-v-4e82dffc>reco_luan</span>
            
          <span data-v-4e82dffc>2017 - </span>
          2021
        </a></span></div></div> <div class="hide" data-v-1156296a><header class="navbar" data-v-1156296a><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><!----> <span class="site-name">vuepress-theme-reco</span></a> <div class="links"><div class="color-picker"><a class="color-button"><i class="iconfont reco-color"></i></a> <div class="color-picker-menu" style="display:none;"><div class="mode-options"><h4 class="title">Choose mode</h4> <ul class="color-mode-options"><li class="dark">dark</li><li class="auto active">auto</li><li class="light">light</li></ul></div></div></div> <div class="search-box"><i class="iconfont reco-search"></i> <input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><a class="dropdown-title"><span class="title"><i class="iconfont reco-api"></i>
      文档
    </span> <span class="arrow right"></span></a> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><h4>主题</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/views/2.x/" class="nav-link"><i class="undefined"></i>
  2.x(alpha)
</a></li><li class="dropdown-subitem"><a href="/views/1.x/" class="nav-link"><i class="undefined"></i>
  1.x
</a></li><li class="dropdown-subitem"><a href="/views/0.x/" class="nav-link"><i class="undefined"></i>
  0.x
</a></li></ul></li><li class="dropdown-item"><h4>插件</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/views/plugins/index.html" class="nav-link"><i class="undefined"></i>
  官方插件
</a></li><li class="dropdown-subitem"><a href="/views/other/recommend.html" class="nav-link"><i class="undefined"></i>
  插件广场
</a></li></ul></li></ul></div></div><div class="nav-item"><a href="/views/other/question.html" aria-current="page" class="nav-link router-link-exact-active router-link-active"><i class="iconfont reco-faq"></i>
  常见问题
</a></div><div class="nav-item"><a href="/categories/blog/" class="nav-link"><i class="iconfont reco-blog"></i>
  博客
</a></div><div class="nav-item"><a href="/views/other/theme-example.html" class="nav-link"><i class="iconfont reco-category"></i>
  案例
</a></div><div class="nav-item"><a href="https://vuepress-theme-reco.recoluan.com/rss.xml" target="_blank" rel="noopener noreferrer" class="nav-link external"><i class="iconfont reco-rss"></i>
  订阅
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="/views/other/messageBoard.html" class="nav-link"><i class="iconfont reco-suggestion"></i>
  留言板
</a></div><div class="nav-item"><a href="https://github.com/vuepress-reco/vuepress-theme-reco" target="_blank" rel="noopener noreferrer" class="nav-link external"><i class="iconfont reco-github"></i>
  GitHub
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><div class="dropdown-wrapper"><a class="dropdown-title"><span class="title"><i class="undefined"></i>
      language
    </span> <span class="arrow right"></span></a> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/views/other/question.html" aria-current="page" class="nav-link router-link-exact-active router-link-active"><i class="undefined"></i>
  简体中文
</a></li><li class="dropdown-item"><!----> <a href="/en/views/other/question.html" class="nav-link"><i class="undefined"></i>
  English
</a></li></ul></div></div> <a href="https://github.com/vuepress-reco/vuepress-reco.github.io" target="_blank" rel="noopener noreferrer" class="repo-link"><i class="iconfont reco-github"></i>
    GitHub
    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask" data-v-1156296a></div> <aside class="sidebar" data-v-1156296a><div class="personal-info-wrapper" data-v-828910c6 data-v-1156296a><img src="/head.png" alt="author-avatar" class="personal-img" data-v-828910c6> <h3 class="name" data-v-828910c6>
    reco_luan
  </h3> <div class="num" data-v-828910c6><div data-v-828910c6><h3 data-v-828910c6>91</h3> <h6 data-v-828910c6>文章</h6></div> <div data-v-828910c6><h3 data-v-828910c6>4</h3> <h6 data-v-828910c6>标签</h6></div></div> <ul class="social-links" data-v-828910c6></ul> <hr data-v-828910c6></div> <nav class="nav-links"><div class="nav-item"><div class="dropdown-wrapper"><a class="dropdown-title"><span class="title"><i class="iconfont reco-api"></i>
      文档
    </span> <span class="arrow right"></span></a> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><h4>主题</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/views/2.x/" class="nav-link"><i class="undefined"></i>
  2.x(alpha)
</a></li><li class="dropdown-subitem"><a href="/views/1.x/" class="nav-link"><i class="undefined"></i>
  1.x
</a></li><li class="dropdown-subitem"><a href="/views/0.x/" class="nav-link"><i class="undefined"></i>
  0.x
</a></li></ul></li><li class="dropdown-item"><h4>插件</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/views/plugins/index.html" class="nav-link"><i class="undefined"></i>
  官方插件
</a></li><li class="dropdown-subitem"><a href="/views/other/recommend.html" class="nav-link"><i class="undefined"></i>
  插件广场
</a></li></ul></li></ul></div></div><div class="nav-item"><a href="/views/other/question.html" aria-current="page" class="nav-link router-link-exact-active router-link-active"><i class="iconfont reco-faq"></i>
  常见问题
</a></div><div class="nav-item"><a href="/categories/blog/" class="nav-link"><i class="iconfont reco-blog"></i>
  博客
</a></div><div class="nav-item"><a href="/views/other/theme-example.html" class="nav-link"><i class="iconfont reco-category"></i>
  案例
</a></div><div class="nav-item"><a href="https://vuepress-theme-reco.recoluan.com/rss.xml" target="_blank" rel="noopener noreferrer" class="nav-link external"><i class="iconfont reco-rss"></i>
  订阅
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="/views/other/messageBoard.html" class="nav-link"><i class="iconfont reco-suggestion"></i>
  留言板
</a></div><div class="nav-item"><a href="https://github.com/vuepress-reco/vuepress-theme-reco" target="_blank" rel="noopener noreferrer" class="nav-link external"><i class="iconfont reco-github"></i>
  GitHub
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><div class="dropdown-wrapper"><a class="dropdown-title"><span class="title"><i class="undefined"></i>
      language
    </span> <span class="arrow right"></span></a> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/views/other/question.html" aria-current="page" class="nav-link router-link-exact-active router-link-active"><i class="undefined"></i>
  简体中文
</a></li><li class="dropdown-item"><!----> <a href="/en/views/other/question.html" class="nav-link"><i class="undefined"></i>
  English
</a></li></ul></div></div> <a href="https://github.com/vuepress-reco/vuepress-reco.github.io" target="_blank" rel="noopener noreferrer" class="repo-link"><i class="iconfont reco-github"></i>
    GitHub
    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <!----> </aside> <div class="password-shadow password-wrapper-in" style="display:none;" data-v-4e82dffc data-v-1156296a><h3 class="title" data-v-4e82dffc data-v-4e82dffc>FAQ</h3> <!----> <label id="box" class="inputBox" data-v-4e82dffc data-v-4e82dffc><input type="password" value="" data-v-4e82dffc> <span data-v-4e82dffc>Konck! Knock!</span> <button data-v-4e82dffc>OK</button></label> <div class="footer" data-v-4e82dffc data-v-4e82dffc><span data-v-4e82dffc><i class="iconfont reco-theme" data-v-4e82dffc></i> <a target="blank" href="https://vuepress-theme-reco.recoluan.com" data-v-4e82dffc>vuePress-theme-reco</a></span> <span data-v-4e82dffc><i class="iconfont reco-copyright" data-v-4e82dffc></i> <a data-v-4e82dffc><span data-v-4e82dffc>reco_luan</span>
            
          <span data-v-4e82dffc>2017 - </span>
          2021
        </a></span></div></div> <div data-v-1156296a><main class="page"><section><div class="page-title"><h1 class="title">FAQ</h1> <div data-v-1ff7123e><i class="iconfont reco-account" data-v-1ff7123e><span data-v-1ff7123e>reco_luan</span></i> <i class="iconfont reco-date" data-v-1ff7123e><span data-v-1ff7123e>2019/4/13</span></i> <i class="iconfont reco-eye" data-v-1ff7123e><span id="/views/other/question.html" data-flag-title="Your Article Title" class="leancloud-visitors" data-v-1ff7123e><a class="leancloud-visitors-count" style="font-size:.9rem;font-weight:normal;color:#999;"></a></span></i> <!----></div></div> <div class="theme-reco-content content__default"><div class="custom-block tip"><p class="title"></p><p>我们收集了一些常见的问题在这里，如果你在这里没有找到想要的答案，可以尝试在文档中寻找相关内容，如果问题仍然无法解决，请加入微信交流群交流讨论。</p> <p>值得注意的是，本主题几乎继承 <code>VuePress</code> 默认主题的一切功能，所以本文档只负责介绍该主题扩展的功能，如果你发现某些功能本网站没有相关文档，或者想要了解默认主题的一些功能，请移步 <a href="https://v1.vuepress.vuejs.org/zh/theme/default-theme-config.html" target="_blank" rel="noopener noreferrer">官方文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>。</p></div><h2 id="_1-如何添加-icon-font"><a href="#_1-如何添加-icon-font" class="header-anchor">#</a> 1. 如何添加 <code>icon-font</code> ？</h2> <ol><li>将字体文件放在 <code>public</code> 文件夹下，然后在 <code>enhanceApp.js</code> 中引入字体文件中的css文件即可生效;</li> <li>如果你的 <code>icon</code> 完整的 <code>className</code> 是 <code>class=&quot;iconfont icon-myIcon&quot;</code>，设置 <code>icon-font</code> 时应设置为 <code>{ text: '首页', link: '/', icon: 'iconfont icon-myIcon' }</code>。</li></ol> <h2 id="_2-如何显示摘要"><a href="#_2-如何显示摘要" class="header-anchor">#</a> 2. 如何显示摘要？</h2> <p>文档中 <code>&lt;!-- more --&gt;</code> 以上部分会被当作摘要。</p> <div class="demo-wrap"><div class="demo-nav"><i class="demo-nav-btn"><svg t="1572515960134" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1097" width="20" height="20" class="icon"><path d="M888 64H136q-30.016 0-51.008 20.992T64 136v752.992q0 28.992 20.992 50.496t51.008 21.504h752.992q28.992 0 50.496-21.504t21.504-50.496V136q0-30.016-21.504-51.008T888 64zM228.992 548.992q-15.008 0-25.504-10.496t-10.496-25.504 10.016-26.016l115.008-115.008-115.008-116.992q-10.016-11.008-10.016-25.504t10.496-24.992 25.504-10.496 24.992 10.016l140.992 142.016q10.016 11.008 10.016 26.016t-11.008 24.992l-140 140.992q-10.016 11.008-24.992 11.008z m389.024 0l-199.008-0.992q-15.008 0-25.504-10.496T383.008 512t10.496-25.504 25.504-10.496l199.008 0.992q15.008 0 25.504 10.496t10.496 25.504-11.008 25.504-24.992 10.496z" p-id="1098"></path></svg></i> <i class="demo-icon-arrow active"><svg t="1572587847226" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3297" width="16" height="16" class="icon"><path d="M830.687738 603.071182c0 9.614985-3.933589 17.949814-11.799744 25.007557-7.867178 7.05672-17.222243 10.56052-28.065196 10.512425L232.716714 638.591163c-10.789741 0-20.144806-3.5038-28.064172-10.512425-7.919367-7.009647-11.852956-15.344476-11.799744-25.007557 0.053212-9.660011 3.986801-17.996886 11.799744-25.00551l279.05253-248.641917c7.867178-7.009647 17.22122-10.513448 28.065196-10.513448 10.842952 0 20.196994 3.504824 28.064172 10.513448l279.05253 248.641917C826.754149 585.074296 830.687738 593.411171 830.687738 603.071182z" p-id="3298"></path></svg></i></div> <div class="demo-code"><div class="demo-code-nav"><button class="demo-code-btn active">Markdown</button></div> <div class="demo-code-content"><div class="demo-code-item"><div class="language-md extra-class"><pre class="language-md"><code><span class="token hr punctuation">---</span>
title: 摘要
<span class="token title important">date: 2019-11-01
<span class="token punctuation">---</span></span>

这里的内容会被显示成摘要。

<span class="token list punctuation">1.</span> 可以放置文案；
<span class="token list punctuation">2.</span> 可以放置图片作为文章封面。

<span class="token comment">&lt;!-- more --&gt;</span>

这里是文章的正文。</code></pre></div></div> <i class="demo-code-content-copy"><svg t="1572585974849" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1695" width="20" height="20" class="icon" style="fill:#fff;"><path d="M866.461538 39.384615H354.461538c-43.323077 0-78.769231 35.446154-78.76923 78.769231v39.384616h472.615384c43.323077 0 78.769231 35.446154 78.769231 78.76923v551.384616h39.384615c43.323077 0 78.769231-35.446154 78.769231-78.769231V118.153846c0-43.323077-35.446154-78.769231-78.769231-78.769231z m-118.153846 275.692308c0-43.323077-35.446154-78.769231-78.76923-78.769231H157.538462c-43.323077 0-78.769231 35.446154-78.769231 78.769231v590.769231c0 43.323077 35.446154 78.769231 78.769231 78.769231h512c43.323077 0 78.769231-35.446154 78.76923-78.769231V315.076923z m-354.461538 137.846154c0 11.815385-7.876923 19.692308-19.692308 19.692308h-157.538461c-11.815385 0-19.692308-7.876923-19.692308-19.692308v-39.384615c0-11.815385 7.876923-19.692308 19.692308-19.692308h157.538461c11.815385 0 19.692308 7.876923 19.692308 19.692308v39.384615z m157.538461 315.076923c0 11.815385-7.876923 19.692308-19.692307 19.692308H216.615385c-11.815385 0-19.692308-7.876923-19.692308-19.692308v-39.384615c0-11.815385 7.876923-19.692308 19.692308-19.692308h315.076923c11.815385 0 19.692308 7.876923 19.692307 19.692308v39.384615z m78.769231-157.538462c0 11.815385-7.876923 19.692308-19.692308 19.692308H216.615385c-11.815385 0-19.692308-7.876923-19.692308-19.692308v-39.384615c0-11.815385 7.876923-19.692308 19.692308-19.692308h393.846153c11.815385 0 19.692308 7.876923 19.692308 19.692308v39.384615z" p-id="1696"></path></svg></i> <!----></div></div> <div class="demo-main"><!----></div></div> <h2 id="_3-首页页脚是否可以自定义"><a href="#_3-首页页脚是否可以自定义" class="header-anchor">#</a> 3. 首页页脚是否可以自定义？</h2> <p>不可以。</p> <h2 id="_4-首页右侧信息栏头像和导航栏左侧的图片分别怎么设置"><a href="#_4-首页右侧信息栏头像和导航栏左侧的图片分别怎么设置" class="header-anchor">#</a> 4. 首页右侧信息栏头像和导航栏左侧的图片分别怎么设置？</h2> <p>首页右侧信息栏头像需要通过配置 <code>.vuepress/config.js</code> 中的 <code>themeConfig.authorAvatar</code></p> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token comment">// .vuepress/config.js</span>
module<span class="token punctuation">.</span>exports <span class="token operator">=</span> <span class="token punctuation">{</span>
  themeConfig<span class="token operator">:</span> <span class="token punctuation">{</span>
    authorAvatar<span class="token operator">:</span> <span class="token string">'/avatar.png'</span>
  <span class="token punctuation">}</span>
<span class="token punctuation">}</span>
</code></pre></div><p>导航栏左侧的图片需要通过配置 <code>.vuepress/config.js</code> 中的 <code>themeConfig.logo</code></p> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token comment">// .vuepress/config.js</span>
module<span class="token punctuation">.</span>exports <span class="token operator">=</span> <span class="token punctuation">{</span>
  themeConfig<span class="token operator">:</span> <span class="token punctuation">{</span>
    logo<span class="token operator">:</span> <span class="token string">'/logo.png'</span>
  <span class="token punctuation">}</span>
<span class="token punctuation">}</span>
</code></pre></div><p>此外，你需要将你的图片放在 <code>.vuepress/public/</code> 中</p> <h2 id="_5-文章的存放位置有规定吗"><a href="#_5-文章的存放位置有规定吗" class="header-anchor">#</a> 5. 文章的存放位置有规定吗？</h2> <p>你可以将你的文章存放在任意位置，但是你需要保证它是 VuePress 可以解析的位置，比如你使用的命令是 <code>vuepress dev docs</code> ，那么请将所有文章存放在 <code>docs/</code> 中，但是主题并不会强制你放在哪个子目录，这个按照你的喜好来即可，详情见 <a href="https://vuepress.vuejs.org/zh/guide/directory-structure.html" target="_blank" rel="noopener noreferrer">详细的 VuePress 目录结构配置<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>。</p> <h2 id="_6-侧边栏为什么不显示一级标题"><a href="#_6-侧边栏为什么不显示一级标题" class="header-anchor">#</a> 6. 侧边栏为什么不显示一级标题？</h2> <p>在 <code>vuepress-theme-reco</code> 中，请摒弃一级标题，使用 <code>front-matter</code> 生成标题以及其他文章信息，正文从二级标题开始。</p> <h2 id="_7-1-1-0-版本会在首页出现评论怎么解决"><a href="#_7-1-1-0-版本会在首页出现评论怎么解决" class="header-anchor">#</a> 7. <code>1.1.0</code> 版本会在首页出现评论怎么解决？</h2> <p>该问题已经在 <code>1.1.1</code> 版本中得到解决。</p> <h2 id="_8-如何自定义评论区样式"><a href="#_8-如何自定义评论区样式" class="header-anchor">#</a> 8. 如何自定义评论区样式？</h2> <p><code>VuePress</code> 允许你在 <code>.vuepress/styles/index.styl</code> 为你的网站添加样式，你可以通过这个方式来修改主题（包括评论区）内的基本所有样式，详情请见 <a href="https://vuepress.vuejs.org/zh/config/#index-styl" target="_blank" rel="noopener noreferrer">VuePress 添加样式<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>。</p> <h2 id="_9-是否支持图片点击放大功能"><a href="#_9-是否支持图片点击放大功能" class="header-anchor">#</a> 9. 是否支持图片点击放大功能？</h2> <p>主题在 <code>1.1.1</code> 中已经将 <code>@vuepress/medium-zoom</code> 作为内置插件，支持文章内容中的图片点击放大功能，详情见 <a href="/views/plugins/#主题内置插件">主题内置插件</a>。</p> <h2 id="_10-插件或者主题不生效怎么办"><a href="#_10-插件或者主题不生效怎么办" class="header-anchor">#</a> 10. 插件或者主题不生效怎么办？</h2> <div class="custom-block tip"><p class="title"></p><p>由于主题和插件在配置和使用上有着很大的相似性（<code>Vuepress</code> 中有提到 <code>theme/index.js</code> 也是插件），以下步骤中均以“插件”代替“插件或者主题”</p></div><p>请按以下步骤进行检查：</p> <ol><li><p>查看编译时终端的输出信息是否已加载插件</p> <ul><li>如果未加载该插件，请检查 <code>config.js</code> 是否已按正确格式进行配置。</li> <li>如果显示该插件加载错误，请检查该插件是否已经下载安装。</li> <li>如果已经下载安装后仍然无法正常加载插件，请删除 <code>node-modules/</code> ，并重新安装依赖（建议使用 yarn 而不是 npm）。</li></ul></li> <li><p>如果是在前端生效的插件，检查控制台看是否有报错信息，根据报错信息查找原因。</p></li> <li><p>仔细对比文档中的支持的 <code>Options</code>，重新配置 <code>config.js</code>。</p></li> <li><p>搜索插件所在项目或者社区有没有相似 <code>issue</code> 及解决方案。</p></li></ol> <h2 id="_11-could-not-resolve-xxx"><a href="#_11-could-not-resolve-xxx" class="header-anchor">#</a> 11. Could not resolve &quot;xxx&quot;</h2> <ol><li>如果某个依赖包出现这种报错，那就是没有安装好，保证你的网络畅通，删除 <code>node_modules</code> 重新安装即可；如果上面办法解决不了，那恭喜你，认命吧，因为可能是系统环境原因，我个人也出现过这种玄学 bug，还好有一种解决办法，在项目根目录单独安装这个依赖即可 <code>npm install xxx --save</code>；</li> <li>如果某个文件出现这种报错，那就是某个地方引用了此文件，但是你的项目中没有，定位到引用在哪里即可。</li></ol></div></section> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/vuepress-reco/vuepress-reco.github.io/edit/gh-pages-source/docs/views/other/question.md" target="_blank" rel="noopener noreferrer">在 GitHub 上编辑此页</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated: </span> <span class="time">2020/10/29 上午12:43:18</span></div></footer> <!----> <div class="comments-wrapper" style="display:none;"><!----></div> <ul class="side-bar sub-sidebar-wrapper" style="width:12rem;" data-v-70334359><li class="level-2" data-v-70334359><a href="/views/other/question.html#_1-如何添加-icon-font" class="sidebar-link reco-side-_1-如何添加-icon-font" data-v-70334359>1. 如何添加 icon-font ？</a></li><li class="level-2" data-v-70334359><a href="/views/other/question.html#_2-如何显示摘要" class="sidebar-link reco-side-_2-如何显示摘要" data-v-70334359>2. 如何显示摘要？</a></li><li class="level-2" data-v-70334359><a href="/views/other/question.html#_3-首页页脚是否可以自定义" class="sidebar-link reco-side-_3-首页页脚是否可以自定义" data-v-70334359>3. 首页页脚是否可以自定义？</a></li><li class="level-2" data-v-70334359><a href="/views/other/question.html#_4-首页右侧信息栏头像和导航栏左侧的图片分别怎么设置" class="sidebar-link reco-side-_4-首页右侧信息栏头像和导航栏左侧的图片分别怎么设置" data-v-70334359>4. 首页右侧信息栏头像和导航栏左侧的图片分别怎么设置？</a></li><li class="level-2" data-v-70334359><a href="/views/other/question.html#_5-文章的存放位置有规定吗" class="sidebar-link reco-side-_5-文章的存放位置有规定吗" data-v-70334359>5. 文章的存放位置有规定吗？</a></li><li class="level-2" data-v-70334359><a href="/views/other/question.html#_6-侧边栏为什么不显示一级标题" class="sidebar-link reco-side-_6-侧边栏为什么不显示一级标题" data-v-70334359>6. 侧边栏为什么不显示一级标题？</a></li><li class="level-2" data-v-70334359><a href="/views/other/question.html#_7-1-1-0-版本会在首页出现评论怎么解决" class="sidebar-link reco-side-_7-1-1-0-版本会在首页出现评论怎么解决" data-v-70334359>7. 1.1.0 版本会在首页出现评论怎么解决？</a></li><li class="level-2" data-v-70334359><a href="/views/other/question.html#_8-如何自定义评论区样式" class="sidebar-link reco-side-_8-如何自定义评论区样式" data-v-70334359>8. 如何自定义评论区样式？</a></li><li class="level-2" data-v-70334359><a href="/views/other/question.html#_9-是否支持图片点击放大功能" class="sidebar-link reco-side-_9-是否支持图片点击放大功能" data-v-70334359>9. 是否支持图片点击放大功能？</a></li><li class="level-2" data-v-70334359><a href="/views/other/question.html#_10-插件或者主题不生效怎么办" class="sidebar-link reco-side-_10-插件或者主题不生效怎么办" data-v-70334359>10. 插件或者主题不生效怎么办？</a></li><li class="level-2" data-v-70334359><a href="/views/other/question.html#_11-could-not-resolve-xxx" class="sidebar-link reco-side-_11-could-not-resolve-xxx" data-v-70334359>11. Could not resolve &quot;xxx&quot;</a></li></ul></main> <!----></div></div></div></div><div class="global-ui"><div class="back-to-ceiling" style="right:1rem;bottom:6rem;width:2.5rem;height:2.5rem;border-radius:.25rem;line-height:2.5rem;display:none;" data-v-c6073ba8 data-v-c6073ba8><svg t="1574745035067" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5404" class="icon" data-v-c6073ba8><path d="M526.60727968 10.90185116a27.675 27.675 0 0 0-29.21455937 0c-131.36607665 82.28402758-218.69155461 228.01873535-218.69155402 394.07834331a462.20625001 462.20625001 0 0 0 5.36959153 69.94390903c1.00431239 6.55289093-0.34802892 13.13561351-3.76865779 18.80351572-32.63518765 54.11355614-51.75690182 118.55860487-51.7569018 187.94566865a371.06718723 371.06718723 0 0 0 11.50484808 91.98906777c6.53300375 25.50556257 41.68394495 28.14064038 52.69160883 4.22606766 17.37162448-37.73630017 42.14135425-72.50938081 72.80769204-103.21549295 2.18761121 3.04276886 4.15646224 6.24463696 6.40373557 9.22774369a1871.4375 1871.4375 0 0 0 140.04691725 5.34970492 1866.36093723 1866.36093723 0 0 0 140.04691723-5.34970492c2.24727335-2.98310674 4.21612437-6.18497483 6.3937923-9.2178004 30.66633723 30.70611158 55.4360664 65.4791928 72.80769147 103.21549355 11.00766384 23.91457269 46.15860503 21.27949489 52.69160879-4.22606768a371.15156223 371.15156223 0 0 0 11.514792-91.99901164c0-69.36717486-19.13165746-133.82216804-51.75690182-187.92578088-3.42062944-5.66790279-4.76302748-12.26056868-3.76865837-18.80351632a462.20625001 462.20625001 0 0 0 5.36959269-69.943909c-0.00994388-166.08943902-87.32547796-311.81420293-218.6915546-394.09823051zM605.93803103 357.87693858a93.93749974 93.93749974 0 1 1-187.89594924 6.1e-7 93.93749974 93.93749974 0 0 1 187.89594924-6.1e-7z" p-id="5405" data-v-c6073ba8></path><path d="M429.50777625 765.63860547C429.50777625 803.39355007 466.44236686 1000.39046097 512.00932183 1000.39046097c45.56695499 0 82.4922232-197.00623328 82.5015456-234.7518555 0-37.75494459-36.9345906-68.35043303-82.4922232-68.34111062-45.57627738-0.00932239-82.52019037 30.59548842-82.51086798 68.34111062z" p-id="5406" data-v-c6073ba8></path></svg></div><!----><!----></div></div>
    <script src="/assets/js/app.ee497890.js" defer></script><script src="/assets/js/6.2c23b45d.js" defer></script><script src="/assets/js/1.0b8c7b71.js" defer></script><script src="/assets/js/104.0702d3a0.js" defer></script><script src="/assets/js/20.1ca19584.js" defer></script>
  </body>
</html>
